<template>

 <div class="top_title" style="background:white;width: 100%;height: 800px; border-radius: 10px;">
   <el-container>
     <el-header>
       <el-menu
           :default-active="activeIndex"
           class="el-menu-demo"
           mode="horizontal"
           @select="handleSelect"
       >
         <el-menu-item index="all">全部</el-menu-item>
         <el-menu-item index="1">回答</el-menu-item>
         <el-menu-item index="2">想法</el-menu-item>
         <el-menu-item index="3" >文章</el-menu-item>
         <el-input style="position: absolute;right:10px;top:10px;width: 300px" placeholder="搜索我的内容">
           <template #append>
             <el-icon><Search /></el-icon>
           </template>
         </el-input>

       </el-menu>
     </el-header>

     <el-main>
       一共xx条数据

         <span style="margin-right:460px" class="demonstration"></span>
         <el-date-picker
             v-model="value2"
             type="daterange"
             unlink-panels
             range-separator="To"
             start-placeholder="Start date"
             end-placeholder="End date"
             :shortcuts="shortcuts"
             :size="size"
         />
     </el-main>

     <el-footer>

     </el-footer>

   </el-container>
 </div>


</template>

<script setup>
import { ElMessageBox } from 'element-plus'
import {
  Search
} from '@element-plus/icons-vue';
</script>

<style scoped>

</style>